<template>
	<view class="content">
	  <view class="title">{{title}}</view>
	  <view class="more">{{tip}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				value: ''
			},
			tip: {
				type: String,
				value: ''
			}
		}
	}
</script>

<style>
.content {
  display: flex;
  justify-content: space-between;
}
.title {
  font-size: 32rpx;
  font-weight: 600;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #171f29;
  line-height: 44rpx;
  letter-spacing: 4rpx;
}
.more {
  line-height: 40rpx;
  border: 1rpx solid #b9b9b9;
  border-radius: 22rpx;
  font-size: 22rpx;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #333;
  letter-spacing: 4rpx;
  padding: 0 26rpx;
  text-align: center;
  box-sizing: border-box;
}


</style>
